header {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
  width: 100%;
  height: 11.7333vw;
  background-color: #fff;
  .head {
    line-height: 11.7333vw;
    text-align: center;
    .left {
      float: left;
      font-family: 宋体;
      margin-left: 5.3333vw;
      font-weight: 1000;
    }
    .right {
      font-weight: 700;
      margin-left: -5.3333vw;
      font-size: 4.2667vw;
    }
  }
}
.box {
  width: 100%;
  height: 184.5333vw;
  margin-top: 11.7333vw;
  padding: 19.7333vw 11.7333vw;
  min-height: 100vh;
  background-color: #fff;
  .title {
    span {
      color: #191919;
      font-size: 10.6667vw;
    }
  }
  .sub-title {
    margin-top: 8vw;
    color: #b3b3b3;
    font-size: 20px;
  }
  .number {
    width: 76.5333vw;
    height: 18.9333vw;
    color: grey;
    padding: 13px;
    border-bottom: 1px solid #f3f1f2;
    margin-bottom: 22px;
    margin-top: 8vw;
    input {
      width: 69.6vw;
      height: 11.7333vw;
      font-size: 5.3333vw;
    }
  }
  .form-item {
    position: relative;
    width: 76.5333vw;
    height: 18.9333vw;
    color: grey;
    padding: 13px;
    border-bottom: 0.2667vw solid #f3f1f2;
    margin-bottom: 5.8667vw;
    input {
      width: 69.6vw;
      height: 11.7333vw;
      font-size: 5.3333vw;
    }
    .item {
      position: absolute;
      right: 0;
      top: 3.7333vw;
      width: 38.1333vw;
      height: 11.7333vw;
      background-color: skyblue;
    }
  }
  .name {
    width: 76.5333vw;
    height: 18.9333vw;
    color: grey;
    padding: 13px;
    border-bottom: 1px solid #f3f1f2;
    margin-bottom: 22px;
    input {
      width: 69.6vw;
      height: 11.7333vw;
      font-size: 5.3333vw;
    }
  }
  .del {
    width: 100%;
    height: 64px;
    margin-top: 59px;
    background: linear-gradient(90deg, #ecb53c, #ff9211);
    color: #fff;
    border-radius: 59px;
    box-shadow: 0 10px 20px 0 rgb(0 0 0 / 10%);
    letter-spacing: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
